<template>
  <div>
    <div v-if="WWData">
        <div align="center">
        <div style="width: 660px" align="left">
          <!-- <div
            v-if="GLcode"
            id="vpnEdizgBill_divInternetLsh"
            style="
              float: right;
              color: #24568f;
              padding: 30px 20px 0 0;
              font-size: 14px;
            "
          >
            关联单号：<span
              id="vpnEdizgBill_internetGLDH"
              class="textlable"
              readonly="True"
              ></span
            >
          </div> -->
          <div style="clear: both"></div>
        </div>
    <table align="center" style="margin: 0 auto;" width="650px" border="0" cellspacing="0" cellpadding="0">
        <tbody><tr>
            <td align="center" class="bt" style="font-family: 方正姚体;">信息变更表
            </td>
        </tr>
    </tbody></table>
    <table
        width="645px"
        height="30px"
        border="0"
        cellspacing="0"
        cellpadding="0"
        style="margin-top: 0px;"
      >
        <tbody>
          <tr>
            <td align="left" style="font-size: 14px">
              系统名称:
              <span
                id="dynamicApply_XMMC"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 240px"
                >{{ formRecord.XMMC }}</span
              >
              申请编号:
              <span
                id="dynamicApply_LSH"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 90px"
                >{{ formRecord.LSH }}</span
              >
              日期:
              <span
                id="dynamicApply_APPLYTIME"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 130px"
                >{{ formRecord.APPLYTIME }}</span
              >
            </td>
          </tr>
        </tbody>
      </table>

    <!-- <table width="650px" style="margin: 0 auto;margin-top: 20px;" border="0" cellspacing="0" cellpadding="8px">
        <tbody><tr>
            <td align="left">名称:
                <span id="vpnApply_XMMC" class="textlable" readonly="True" style="display:inline-block;width:260px;">VPN接入申请</span>
            </td>
            <td align="right">日期:
                <span id="vpnApply_APPLYTIME" class="textlable" readonly="True" style="display:inline-block;width:120px;"></span>
            </td>
        </tr>
    </tbody></table> -->
    <table width="645px" style="margin: 0 auto;" border="0" cellspacing="0" cellpadding="0">
        <tbody><tr>
            <td class="k00">
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody>
                      <tr>
                        <td class="k00 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr class="zxTiltle">
                                    <td>
                                      <span id="vpnApply_DWMC" class="textlable" readonly="True">{{WWData.QYMC}}</span> 关于
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody>
                      <tr>
                        <td class="k00 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr class="zxTiltle">
                                    <td>
                                      <span id="vpnApply_DWMC" class="textlable" readonly="True">{{WWData.CHANGEXMMC}}</span>
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody>
                      <tr>
                        <td class="k00 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr class="zxTiltle">
                                    <td>
                                      <span>用户信息变更的情况说明</span>
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody>
                      <tr>
                        <td class="k00 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td width="110px">中国电子口岸数据中心上海分中心：
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td class="k01">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr class="zxTiltle">
                                    <!-- <td style="text-align: left;" width="125px">原公司名称:
                                    </td> -->
                                    <td style="text-align: left;" width="280px">
                                        <span id="vpnApply_AZDD" class="textlable" readonly="True" style="display:inline-block;width:100%;">{{WWData.QYMC}}</span>
                                    </td>
                                    <td style="text-align: left; width:110px;">海关十位数代码:
                                    </td>
                                    <td style="text-align: left;">
                                        <span id="vpnApply_AZDD" class="textlable" readonly="True">{{WWData.HGDM}}</span><span>，使用</span>
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td class="k01 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr class="zxTiltle">
                                    <!-- <td style="text-align: right;" width="125px">原海关注册代码:
                                    </td> -->
                                    <td style="text-align: left;">
                                      <span class="textlable" readonly="True">{{WWData.CHANGEXMMC}}</span>，申请变更：<span class="textlable" readonly="True">{{WWData.CHANGEOPTIONS}}</span>。
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td class="k01">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td style="text-align: left;width:70PX">更名原因:
                                    </td>
                                    <td>
                                      <textarea name="vpnApply$CSYJ" rows="2" cols="20" readonly="readonly" id="vpnApply_CSYJ" class="textMultiLine" style="width:98%;">{{ WWData.GMYY }}</textarea>
                                        <!-- <span id="vpnApply_YWLXR" class="textlable" readonly="True" style="display:inline-block;width:100%;"></span> -->
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <!-- <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td class="k00">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td>
                                      <span>现申请将新公司名称更名为：</span> <span class="textlable" readonly="True">上海浩宏国际物流有限公司</span>
                                    </td>
                                    <td>
                                      <span>新海关注册代码</span><span class="textlable" readonly="True">444444</span>
                                      
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table> -->
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody>
                      <tr>
                        <td class="k00 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td width="110px">变更后公司信息如下：
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td  class="k01 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td width="80px">账号地址：
                                    </td>
                                    <td>
                                      <span id="vpnApply_YWLXR" class="textlable" readonly="True" style="display:inline-block;width:100%;">{{WWData.ZDDZ}}</span>
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                        
                    </tr>
                </tbody></table>
                <!-- <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td class="k01 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td width="90px">联系人手机：
                                    </td>
                                    <td>
                                        <span id="vpnApply_DWDZ" class="textlable" readonly="True" style="display:inline-block;width:100%;">111111110000</span>
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                        
                    </tr>
                </tbody></table>
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td  class="k01 kTitle">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody><tr>
                                    <td width="90px">原公司名称：
                                    </td>
                                    <td>
                                      <span id="vpnApply_YWLXR" class="textlable" readonly="True" style="display:inline-block;width:100%;">222222222222</span>
                                    </td>
                                </tr>
                                <tr>
                                  <td width="100px">加盖原公司公章</td>
                                </tr>
                            </tbody></table>
                        </td>
                        
                    </tr>
                </tbody></table> -->
                <!-- <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody> <tr>
                    <td align="center" class="k01 kTitle" style="padding-left:0 ;padding-right:0px;width: 120px;" valign="top">
                      <div align="center">以上情况属实，特此说明！</div>
                    </td>
                  </tr>
                </tbody>
              </table> -->
                <table width="100%" border="0" cellspacing="0" cellpadding="8px">
                    <tbody><tr>
                        <td valign="top" class="k01">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px;">
                                <tbody><tr>
                                    <td style="text-align: right;">
                                    公司名称：
                                        <span id="vpnApply_CSQZ" class="textlable" readonly="True" style="display:inline-block;">{{WWData.QYMC}}</span>
                                        
                                    </td>
                                </tr>
                                <tr>
                                  <td style="text-align: right;">
                                    加盖公司公章
                                    <!-- <span id="vpnApply_TextBox22" class="textlable" readonly="True" style="display:inline-block;">22222222222222222</span> -->
                                  </td>
                                </tr>
                                <tr>
                                  <td style="text-align: right;">
                                    日期：
                                    <span id="vpnApply_TextBox22" class="textlable" readonly="True" style="display:inline-block;">{{WWData.SQRQ}}</span>
                                  </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
            </td>
        </tr>
    </tbody></table>
    </div>
    </div>
    <div v-else>
     <el-empty description="暂无数据"></el-empty> 
    </div>
  </div>
</template>

<script>
export default {
    name: "BG",
  props: {
     formData: {
      type: Object,
      required: true,
    },
    record: {
      type: Object,
      required:true
    }
  },
  data() {
    return {
      // 表单一
      WWData: {}, 
      // 基本项目信息
      formRecord: {},
    }
  },
  created() {
      this.init()
    },
  methods: {
    //数据格式转换
    init() {
      this.WWData = this.formData.T_BG_APPLY
      this.formRecord = this.record
      },
  }
};
</script>

<style lang="scss" scoped>
@import "~@/views/businessModule/historicalData/components/style/table_min.css";
</style>
